<template>
	<view>
		<view class="wrap">
			<view class="text-2xl u-text-center font-bold">忘记密码</view>
			<u-form :model="form" ref="uForm" label-width="130">
				<u-form-item label="手机号">
					<u-input v-model="form.mobile" type="number" placeholder="请输入手机号" />
				</u-form-item>
				<yh-verificationCode @update="update" :mobile="mobile"></yh-verificationCode>
			</u-form>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {mobile:null},
			}
		},
		computed: {
			mobile: function() {
				return Number(this.form.mobile)
			}
		},
		methods: {
			async onSubmit() {

			},
			update(mobile) {
				this.form.mobile = mobile
			}
		}
	}
</script>

<style>

</style>
